(function () {
    function  getUrl() {
        var param=location.search;
        return param.split("=")[1];
    }
    $(document).ready(function(){
       $("header").load("header1.html");
       $("#floor").load("floor.html");
       data={
                   "gid":getUrl()
               }
        $.ajax(
            {
                url:"../../server/getInfoById.php",
                data:data,
                async:true,
                complete:function () {
                        $('head').append(' <script src="js/lib/magiczoom.js"></script>');

                },
                success:function (res) {
                    let str=``;
                    str+=`<div class="fangda">
        <a href=${res.img[2]} class="MagicZoom" id="Zoomer2" rel="selectors-effect-speed: 600; " ><img src=${res.img[0]} class="small"/></a> <br/>
        <!-- selector with own title -->
        <a href=${res.img[2]} rel="zoom-id: Zoomer2;" rev=${res.img[0]} ><img src=${res.img[11]} class="small"/></a>
        <a href=${res.img[3]} rel="zoom-id: Zoomer2;" rev=${res.img[7]} ><img src=${res.img[12]} class="small"/></a>
        <a href=${res.img[4]} rel="zoom-id: Zoomer2;" rev=${res.img[8]} ><img src=${res.img[13]} class="small"/></a>
        <a href=${res.img[5]} rel="zoom-id: Zoomer2;" rev=${res.img[9]} ><img src=${res.img[14]} class="small"/></a>
        <!-- selector without title and with own zoom window size -->
        <!-- selector with reverse opacity mode -->
        <a href=${res.img[6]} rel="zoom-id: Zoomer2;" rev=${res.img[10]}><img src=${res.img[15]} class="small"/></a>
    </div>
 `;
                    let str1=``;
                    str1+=`<h4>${res.goodsName}</h4>
       <p>${res.goodsName1}</p>
       <div class="price">价格
           <span>￥${res.newprice}</span>
       </div>`
                    let str2=``;
                    str2+=` <div class="buy">
                        <a href="" id="goumai">立即购买</a>
                        <a href="javascript:;" class="gouwu" data-info=${JSON.stringify(res)}><i class="iconfont icon-gouwuche"></i>加入购物车</a>
                    </div>`
                    $(".details").before(str);
                    $(".freight").before(str1);
                    $(".fuwu").before(str2);
                }
            }
        )
   })
    $(function () {
        $(".details").on("click",".gouwu",function () {
            // console.log($(this).data("info"));;
            // console.log($(this).attr("data-info"));;
            var addcar = $(this);
            var img =addcar.parents(".details_wrap").find("img").attr("src");
            var flyer = $('<img class="u-flyer" src="'+img+'">');
            //飞
            flyer.fly({
                //起点
                start: {
                    left:event.clientX,
                    top: event.clientY,
                },
                //终点
                end: {
                    left: $(".icon-gouwuche").offset().left,
                    top: $(".icon-gouwuche").offset().top,
                    width: 0,
                    height: 0
                },
                //到达终点后调用的
                onEnd: function(){
                    console.log("到达终点");
                    $("#msg").show().animate({width: '250px'}, 200).fadeOut(1000);
                }
            });
            let currentObj=$(this).data("info");
            let yuan=$($(".count")[0]).text()
            let val=parseInt($($(this).parents($(".details")).find(".bianhua")).val());
            $(".count").text(parseInt(yuan)+parseInt(val))
           if( sessionStorage.getItem("userInfo")==null)
           {

               //如果没有登录数据加入cookie

               //1.点击之后把cookie中数据读取出来
               let cookieList= JSON.parse($.cookie("carts")||"[]");
               let flag=cookieList.some((ele,index)=>{
                   //2.遍历cookie，判断当前cookie中有没有已经购买过的
                       if( ele.gid==currentObj.gid){
                           //3.已经购买过则数量+1
                          cookieList[index].num=Number(cookieList[index].num)+val;
                            $(".count").text(0);
                           return true;
                       }
                       else {
                           return false;
                       };
               });
                       if(flag!=true){
                           //4.没找到，把当前数据保存到cookie中
                           currentObj.num=val;
                          cookieList.push(currentObj);
                           $(".count").text(0);
                       }
                       //保存cookie集合
                        $.cookie("carts",JSON.stringify(cookieList));





           }
           else {
               //如果登录了，就加入数据库的cart表
               let oUser=JSON.parse(sessionStorage.getItem("userInfo"));
                //把当前点击的那个商品与当前登陆者的id一起发送到后台接口
               currentObj.u_id=oUser.u_id;
               currentObj.num=val;
               currentObj.img=currentObj.img[0];
               // console.log(currentObj);
               $.ajax(
                   {
                       url:"../../server/addCart.php",
                       data:currentObj,
                       type:"post"
                   }
               ).then(function (res) {
                   console.log(res)
               })
           }


            //先没登录，后又登录了，把先前的cookie中的数据加入到数据库中（在登录的js中写，登陆后立马保存，清除cookie）
                  })
    })

    $(function () {
        $("input[name='countDown']").each(function () {
            var time_end=this.value;
            var con=$(this).next("span");
            var _=this.dataset;
            countDown(con,{
                title:_.title,//优先级最高,填充在prefix位置
                prefix:_.prefix,//前缀部分
                suffix:_.suffix,//后缀部分
                time_end:time_end//要到达的时间
            })
            //提供3个事件分别为:启动,重启,停止
                .on("countDownStarted countDownRestarted  countDownEnded ",function (arguments) {
                    console.info(arguments);
                });
        });
        $(".dianji").on("click",function (e) {
            $(".addre").show();
            e.stopPropagation();
        });
        for($i=0;$i< $(".select li").length;$i++){
            $($(".select li")[$i]).click(function () {

                for($j=0;$j< $(".select li").length;$j++)
                {
                    $($(".select li")[$j]).removeClass("current");
                    $($(".qiehuan ul")[$j]).addClass("current");

                }
                $(this).addClass("current");
                $( $(".qiehuan ul")[$(this).index()]).removeClass("current");
            })
        }
        $(".rm").on('click',function () {
            $($(this).parent()).hide(500)
        });
        $('.addre').on('click',function(e){
            $('.addre').show();
            e.stopPropagation();
        })
        $('body').on('click',function(){
            $('.addre').hide();
        })
        for($i=0;$i< $(".spxq li").length;$i++){
            $($(".spxq li")[$i]).click(function () {

                for($j=0;$j< $(".spxq li").length;$j++)
                {
                    $($(".spxq li")[$j]).removeClass("current");
                    $($(".dbox h2")[$j]).addClass("current");

                }
                $(this).addClass("current");
                $( $(".dbox h2")[$(this).index()]).removeClass("current");
            })
        }
        $(window).scroll(function () {
            $sclh=$(document).scrollTop();
            //你要的高度+$("div").height()+[$("div").offset().top-$(document).scrollTop()]=$(window).height()
            $h=$(window).height();
            // console.log($(".dbox").offset().top-$sclh);
            $stop=$(".tabbox").offset().top;
            for($i=0;$i< $(".spxq li").length;$i++){
                $($(".spxq li")[$i]).click(function () {
                    $(".dbox").css({})

                })
            }
            if($sclh>=$stop)
            {
                $(".tabbox").css(
                    {
                        "position":"fixed",
                        top:0
                    }
                )
                $(".dbox").css({
                    "marginTop":$(".tabbox").height()
                })
                if($(".dbox").offset().top-$sclh>=55)
                {
                    $(".tabbox").css({
                        "position":"static",
                    })
                    $(".dbox").css({
                        "marginTop":0
                    })
                }
            }else {
            }


        })
        for($i=0;$i<$(".yi ul li").length;$i++)
        {
            $($(".yi ul li")[$i]).on("click",function () {
                $text=$(this).text();
                $(".yi span em").text($text)
            })
        };
        $(".jian").on("click",function () {
            $($(".bianhua")[$(this).index()]).val(parseInt( $($(".bianhua")[$(this).index()]).val()-1));
            // console.log(parseInt($($(".bianhua")[$(this).index()]).val()) <= 0);
            if(parseInt( $($(".bianhua")[$(this).index()]).val())<=0){
                $($(".bianhua")[$(this).index()]).val("1");
                return;
            }
        });
        $(".jia").on("click",function () {
            $($(".bianhua")[$(this).index()]).val(parseInt( $($(".bianhua")[$(this).index()]).val())+1);
            // console.log(parseInt($(".bianhhua").text()) >=20);
            if(parseInt( $($(".bianhua")[$(this).index()]).val())>=20){
                $($(".bianhua")[$(this).index()]).val("20");
                return;
            }
        });
        // var offset = $(".icon-gouwuche").offset();
        //结束的地方的元素

     

    })
})()